资讯频道 → 研发管理
阅读更多

0顶
0踩

研发管理

转载新闻 给 Web 开发人员推荐的测试工具

2017-08-18 15:45 by 副主编 jihong10102006 评论(0) 有10078人浏览
Web 测试工具
用户对于现代 Web 应用除了美观要求之外，对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后，觉着是时候推荐一些测试工具了。

一、单元测试/测试运行器

1、Jest

知名的 JavaScript 单元测试工具，由 Facebook 开源，开箱即用。它在最基础层面被设计用于快速、简单地编写地道的 JavaScript 测试，能自动模拟 require() 返回的 CommonJS 模块，并提供了包括内置的测试环境 Dom API 支持、合理的默认值、预处理代码和默认执行并行测试在内的特性。通过在并行进程中同时运行测试，让测试更快地结束。

2、AVA

号称“未来的测试运行器”，利用 JavaScript 在 Node.js 里使得 IO 可以并行的优点，让你的测试可以并发执行，这对于 IO 繁重的测试特别有用。另外，测试文件可以在不同的进程里并行运行，让每一个测试文件可以获得更好的性能和独立的环境。测试并发执行强制你写原子测试，意味着测试不需要依赖全局状态或者其他测试的状态。

3、Mocha

一个功能丰富的测试框架，用于 Node.js 和浏览器上的 JavaScript 应用测试，使异步测试变得简单而有趣。它可以持续运行测试，支持灵活又准确的报告，当映射到未捕获异常时转到正确的测试示例。

4、Karma

基于 Node.js 的 JavaScript 测试运行器，旨在为开发人员带来有效的测试环境。可用于测试所有主流 Web 浏览器，也可集成到 CI 工具，还可和其他代码编辑器一起使用。另外一个强大特性就是，它可以监控文件的变化，然后自行执行，通过 console.log 显示测试结果。


二、Web 测试

1）集成测试

Enzyme

一个用于 React 的 JavaScript 测试工具，方便你判断、操纵和历遍 React Components 输出。其 API 旨在通过模仿 jQuery 的 API ，使得 DOM 操作和历遍很灵活、直观。兼容所有的主要测试运行器和判断库。

示例：Shallow Rendering 
import React from 'react';
import { expect } from 'chai';
import { shallow } from 'enzyme';
import sinon from 'sinon';

import MyComponent from './MyComponent';
import Foo from './Foo';

describe('<MyComponent />', () => {
  it('renders three <Foo /> components', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.find(Foo)).to.have.length(3);
  });

  it('renders an `.icon-star`', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.find('.icon-star')).to.have.length(1);
  });

  it('renders children when passed in', () => {
    const wrapper = shallow((
      <MyComponent>
        <div className="unique" />
      </MyComponent>
    ));
    expect(wrapper.contains(<div className="unique" />)).to.equal(true);
  });

  it('simulates click events', () => {
    const onButtonClick = sinon.spy();
    const wrapper = shallow((
      <Foo onButtonClick={onButtonClick} />
    ));
    wrapper.find('button').simulate('click');
    expect(onButtonClick).to.have.property('callCount', 1);
  });
});

2）功能测试

1、WebDriverIO

该库是 Node.JS 的 Webdriver（浏览器自动化）模块，可在 BDD / TDD 测试框架中编写超级简单的 Selenium 测试。

2、Nightwatch

一个易于使用的基于 Node.js 的浏览器自动化测试解决方案。它使用强大的 Selenium WebDriver API 来在 DOM 元素上执行命令和断言。语法简单但很强大，使你可以快速编写测试。内置的命令行测试运行器，能够运行整体测试，分组测试或者单个测试。

类似的还有 Protractor 和 CasperJS ，感兴趣的可以直接查看。

3）Visual 测试

Storybook

一个 UI 组件的开发环境，允许你浏览组件库，查看每个组件的不同状态，以及交互式开发和测试组件。它运行在应用之外，允许隔离开发 UI 组件，这可以提高组件的重用性、可测试性和开发速度。

4）猴子测试（Monkey Testing，也称“搞怪测试”）

Gremlins.js

一个用 JavaScript 编写的猴子测试库，用于 Node.js 和浏览器。通过释放大量无规律的 gremlins 来检测 Web 应用的鲁棒性。

5）服务端测试

1、K6

用于测试性能，以开发人员为中心的负载测试工具。提供了一个通过 REST API 进行编排的清新易用的脚本 API 。使用 Go 和 JavaScript构 建，可以很好地集成到开发工作流程中。

2、SuperTest

SuperAgent 的一个扩展，一个轻量级 HTTP AJAX 请求库。提供对 HTTP 测试的高度抽象, 极大地简化了基于 HTTP 的测试。
  • 大小: 188 KB
  • 大小: 397.6 KB
  • 大小: 26.4 KB
  • 大小: 46.7 KB
  • 大小: 148.9 KB
  • 大小: 78.1 KB
  • 大小: 1.9 MB
  • 大小: 1.9 MB
  • 大小: 798.3 KB
来自: oschina
0
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 帮助你开发更快web页面的15个工具

    WEB开发帮助你开发更快web页面的15个工具软件测试面是15个很有用的工具，能够帮助你开发更快的web工具1.YSlowforFirebugYSlow能够评价一个网站的性能，基于Yahoo!DeveloperNetwork的...

  • DITRAEXTO:面向 Web 开发人员的目录遍历开发工具。-开源

    Ditraexto 是一个旨在促进利用目录路径... 目前，它已经在使用 PHP 编程的页面的站点上进行了测试，但是，只要从控制台或配置文件中指定其他类型的代码，就可以提取其他类型的代码，这些代码被管理以控制检测限制程序。

  • 高性能前端开发-Web性能测试工具推荐

    高性能前端开发-Web性能测试工具推荐，很值得一看，前端工程师必备

  • 基于Java实现的Web服务器与测试工具开发

    基于 Java 编程语言，利用 http socket 通信技术，写一个小型的 Web 服务器与一个爬虫的测试工具，来对比分析所写的服务器获取到的页面源码与从 Tomcat 获取的相似度。小型 Web 服务器：支持客户端的网页请求，进行...

  • Google Chrome WEB开发 开发人员工具使用

    很是好用的Google浏览器Chrome，工作人员开发工具，可以测试页面元素，页面响应速度，页面错误，相比于Firebug也不逊色，支持使用。

  • 给 Web 开发人员推荐的文档生成工具

    （点击上方公众号，可快速关注） 来源：oschina  ...工欲善其事必先利其器，在此给 Web 开发人员推荐几款优秀的开源文档生成工具，希望能对大家有所帮助。 1、JavaScript JS

  • Web测试工具对比--自动化软件测试(1)

    为了把这部分功能让测试人员　Web测试工具对比--自动化软件测试(1) 软件测试　针对xxx(java开发)软件进行测试，对winrunner7.0,RationalRobot,QuickTest进行评测，评测主要包括易用性，扩展性，稳定性等三方面....

  • 12 款适用于开发人员的最佳 Web 开发软件

    如果您正在寻找最好的 Web 开发软件，那么您可能会对从哪里开始构建网站感到有些困惑。对于我们大多数人来说，构建网站或做任何与 Web 开发相关的事情都是一项艰巨的任务。好吧，没有必要担心，因为我们可以利用技术...

  • 推荐给测试和开发人员五款好用的测试工具

    Endtest 这个工具可能绝大数的测试和开发都不太了解，它是一款无需编写的自动化测试工具，它可以创建，管理和运行 Web 应用程序和本机移动应用程序（Android 和 iOS） 这是一些它的功能： 跨浏览器网格，在 Windows...

  • 接口测试工具,开发人员必备

    提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT..)

  • TAGui非开发人员和业务用户的工具来自动化web应用程序

    TA.Gui：非开发人员和业务用户的工具来自动化web应用程序

  • 主流的web前端开发及调试工具

    web前端开发工具 （开发工具众多，只举例常用的。） Visual Studio Code: 界面美观 插件安全界面操作方便 Sublime text ：是主流的开发编辑器， 小巧轻便 启动速度快（媲美记事本） 丰富的可扩展插件 内置语言的...

  • web前端常用开发工具排行：8款html开发工具推荐下载

    网站开发一般分为前端和后端两个部分。前端负责实现页面效果，后端主要负责功能开发。一般的开发流程是先由美工或者网页...那web开发都用什么工具呢？最常用的前端开发工具有哪些呢？本文推荐8款最好用的web前端开发...

  • 蓝桥杯新增web应用开发科目—送给想要参赛的小伙伴们一份备赛指南

    《 关于“第十三届蓝桥杯全国软件和信息技术专业人才大赛个人赛 （软件类）Web 应用开发组竞赛”》 赛事必知： 有关于组别： 具有正式学籍的在校全日制研究生、本科、高职高专及中职中专学生（以报名时状态为准）...

  • WebUI自动化测试框架

    本项目是一个基于Selenium的Web自动测试框架，通过该框架可以简化测试人员的学习难度，只要编写少量的Java代码即可，大多数的工作都是编写页面元素的描述文件以及对应的数据源。

  • Web前端：前12个易于Web开发的前端开发工具

    如今，大多数组织都专注于前端开发，以提高用户参与度，产生投资回报率，网站效率和更好的网站外观。所有这些因素都有助于增强数字平台的业务可见性。

  • webserver测试工具

    WIN7 64 位的测试WEBSERVER工具。支持各类平台开发的WEBSERVER服务

  • 网页开发工具有哪些？——开发者必备的15个Web开发工具

    ——开发者必备的15个Web开发工具 序号 软件名称 软件说明 1 Firebug Firebug是Firefox下的一款开发类插件，现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体...

  • webpanda:免费的离线 Web 开发工具

    免费的离线 Web 开发工具 我们有 JsBin 和 JsFiddle 来帮助 JavaScript、CSS 和 HTML 人员测试代码片段。 它允许您编辑和测试我们的代码并立即显示 UI。 但是我们没有离线和免费的 Web 开发工具。

  • java web开发性能监测工具

    java web开发性能监测工具 java web开发性能监测工具 java web开发性能监测工具

Global site tag (gtag.js) - Google Analytics